<%@ page contentType="text/html;charset=UTF-8" language="java"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!-- 定义全局变量描述站点名 -->
<c:set var="ctx" value="${pageContext.servletContext.contextPath}" />
<! DOCTYPE html>
<html lang="zh">
<head>
<meta charset="utf-8">
<meta name="viewport"
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<title>用户管理 - 人事管理系统</title>
<link rel="icon" href="${ctx}/favicon.ico" type="image/ico">
<meta name="keywords" content="人事管理系统">
<meta name="description" content="人事管理系统">
<meta name="author" content="yinqi">
<link href="${ctx}/css/bootstrap.min.css" rel="stylesheet">
<link href="${ctx}/css/materialdesignicons.min.css" rel="stylesheet">
<link href="${ctx}/css/style.min.css" rel="stylesheet">
</head>

<body>
	<div class="lyear-layout-web">
		<div class="lyear-layout-container">
			<!--左侧导航-->
			<jsp:include page="../common/left.jsp"></jsp:include>
			<!--End 左侧导航-->

			<!--头部信息-->
			<jsp:include page="../common/header.jsp"></jsp:include>
			<!--End 头部信息-->

			<!--页面主要内容-->
			<main class="lyear-layout-content">
				<div class="container-fluid">

					<div class="row">
						<div class="col-lg-12">
							<div class="card">
								<div class="card-toolbar clearfix">
									<form class="form-inline pull-right"
										action="lyear_forms_elements.html" method="post"
										onsubmit="return false;">
										<div class="form-group">
											<input type="text" placeholder="请输入用户名" class="form-control"
												name="uName" id="uName" />
										</div>
										<div class="form-group">
											<div class="col-xs-12">
												<select class="form-control" id="uStatus" name="uStatus"
													size="1">
													<option value="0">账号状态</option>
													<option value="1">启用</option>
													<option value="2">禁用</option>
												</select>
											</div>
										</div>
										<div class="form-group">
											<button class="btn btn-primary" type="submit" id="search">搜索</button>
										</div>
									</form>
									<div class="toolbar-btn-action">
										<a class="btn btn-primary m-r-5" data-toggle="modal"
											data-target="#adduser"><i class="mdi mdi-plus"></i> 添加</a> <a
											class="btn btn-success m-r-5" id="enable"><i
											class="mdi mdi-check"></i> 启用</a> <a
											class="btn btn-warning m-r-5" id="disable"><i
											class="mdi mdi-block-helper"></i> 禁用</a> <a
											class="btn btn-danger" id="delAll"><i
											class="mdi mdi-window-close"></i> 删除</a>
									</div>
								</div>

								<!--用户添加模态框  -->
								<div class="modal fade" id="adduser" tabindex="-1" role="dialog"
									aria-labelledby="exampleModalLabel">
									<div class="modal-dialog modal-sm" role="document">
										<div class="modal-content">
											<div class="modal-header"></div>
											<div class="modal-body">
												<form action="register" method="post">
													<div class="form-group has-feedback feedback-left">
														<input type="text" placeholder="请输入账号"
															class="form-control" name="lname" id="lname"
															required="required" /> <span
															class="mdi mdi-book-open form-control-feedback"
															aria-hidden="true"> </span>
													</div>
													<div class="form-group has-feedback feedback-left">
														<input type="text" placeholder="请输入用户名"
															class="form-control" name="username" id="username"
															required="required" /> <span
															class="mdi mdi-account form-control-feedback"
															aria-hidden="true"></span>
													</div>
													<div class="form-group has-feedback feedback-left">
														<input type="password" placeholder="请输入密码"
															class="form-control" id="password" name="password"
															required="required" /> <span
															class="mdi mdi-lock form-control-feedback"
															aria-hidden="true"></span>
													</div>
													<div class="form-group has-feedback feedback-left">
														<input type="text" placeholder="请输入手机号"
															class="form-control" name="phone" id="phone"
															required="required" /> <span
															class="mdi mdi-phone form-control-feedback"
															aria-hidden="true"> </span>
													</div>
												</form>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-default"
													data-dismiss="modal" id="closemodel">关闭</button>
												<button type="button" class="btn btn-primary" id="add">添加</button>
											</div>
										</div>
									</div>
								</div>

								<!--用户修改模态框  -->
								<div class="modal fade" id="modifyuser" tabindex="-1"
									role="dialog" aria-labelledby="exampleModalLabel">
									<div class="modal-dialog modal-sm" role="document">
										<div class="modal-content">
											<div class="modal-header"></div>
											<div class="modal-body">
												<input type="text" 
															name="l-name" id="l-name" style="display: none;"/>
													<div class="form-group has-feedback feedback-left">
														<input type="text" placeholder="" class="form-control"
															name="mlname" id="mlname" required="required" /> <span
															class="mdi mdi-book-open form-control-feedback"
															aria-hidden="true"> </span>
													</div>
													<div class="form-group has-feedback feedback-left">
														<input type="text" placeholder="" class="form-control"
															name="musername" id="musername" required="required" /> <span
															class="mdi mdi-account form-control-feedback"
															aria-hidden="true"></span>
													</div>
													<div class="form-group has-feedback feedback-left">
														<input type="password" placeholder="" class="form-control"
															id="mpassword" name="mpassword" required="required" /> <span
															class="mdi mdi-lock form-control-feedback"
															aria-hidden="true"></span>
													</div>
													<div class="form-group has-feedback feedback-left">
														<input type="text" placeholder="" class="form-control"
															name="mphone" id="mphone" required="required" /> <span
															class="mdi mdi-phone form-control-feedback"
															aria-hidden="true"> </span>
													</div>
													<div class="form-group has-feedback feedback-left">
														<select class="form-control" id="mstatus" name="mstatus"
															size="1">
															<option value="0">账号状态</option>
															<option value="1">启用</option>
															<option value="2">禁用</option>
														</select>
													</div>
											</div>
											<div class="modal-footer">
												<button type="button" class="btn btn-default"
													data-dismiss="modal" id="closeme">关闭</button>
												<button type="button" class="btn btn-primary" id="modify">修改</button>
											</div>
										</div>
									</div>
								</div>

								<div class="card-body">

									<div class="table-responsive">
										<table class="table table-hover table-bordered">
											<thead>
												<tr>
													<th><label class="lyear-checkbox checkbox-primary">
															<input type="checkbox" id="check-all"><span></span>
													</label></th>
													<th>账号</th>
													<th>密码</th>
													<th>用户名</th>
													<th>账号状态</th>
													<th>手机号</th>
													<th>创建时间</th>
													<th>操作</th>
												</tr>
											</thead>
											<tbody id="tb">
											</tbody>
										</table>
									</div>

									<!-- 翻页按钮 -->
									<div class="toolbar-btn-action">
										<ul class="pagination" style="display: none;" id="ud">
											<li><a id="homePage" title="首页"><span>«</span></a></li>
											<li class="active"><a id="pre"><span>上一页</span></a></li>
											<li class="active"><a id="next"><span>下一页</span></a></li>
											<li><a id="lastPage" title="尾页"><span>»</span></a></li>
											<li>&nbsp;&nbsp;&nbsp;&nbsp;<input type="number"
												id="number" min="1" style="width: 40px; height: 30px;" />
												<button class="btn btn-primary" type="button" id="tz"
													style="height: 31px; margin-bottom: 6px;">Go</button></li>
											<li><div style="width: 10%;">&nbsp;</div></li>
											<li>&nbsp;当前为第<strong id="indexPage"></strong>页
											</li>
											<li>总共<strong id="total"></strong>页
											</li>
											<li>&nbsp;共查询到<strong id="sum"></strong>条数据
											</li>
										</ul>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</main>
		</div>
	</div>

	<div id="usn" style="display: none;"></div>
	<script type="text/javascript" src="${ctx}/js/jquery.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/perfect-scrollbar.min.js"></script>
	<script type="text/javascript" src="${ctx}/js/main.min.js"></script>
	<!--消息提示-->
	<script src="js/bootstrap-notify.min.js"></script>
	<script type="text/javascript" src="js/lightyear.js"></script>
	<script type="text/javascript">
			//定义全局变量
			var indexPage = $("#indexPage"); //当前页
			var total = $("#total"); //总页数
			var sum = $("#sum"); //总数据条数
			var usn = $("#uName"); //用户名
			var sta = $("#uStatus"); //账号状态
			var $tb = $("#tb"); //表单主体
			var $ud = $("#ud"); //所有翻页按钮
		
			//点击首页点击事件
			$("#homePage").click(function() {
				lightyear.loading('show');
				//判断是否为首页
				if (indexPage.text() == 1) {
					lightyear.loading('hide');
					lightyear.notify('已经是首页了!', 'danger', 1000);
					return;
				} else {
					lightyear.loading('hide');
					indexPage.text(1);
					flushData();//刷新数据
				}
			});

			//点击尾页点击事件
			$("#lastPage").click(function() {
				lightyear.loading('show');
				//判断是否为尾页
				if (indexPage.text() == parseInt(total.text())) {
					lightyear.loading('hide');
					lightyear.notify('已经是尾页了!', 'danger', 1000);
					return;
				} else {
					lightyear.loading('hide');
					indexPage.text(parseInt(total.text()));
					flushData();//刷新数据
				}
			});

			//点击上一页按钮的单击事件
			$("#pre").click(function() {
				lightyear.loading('show');
				//判断是否为首页
				if (indexPage.text() - 1 < 1) {
					lightyear.loading('hide');
					lightyear.notify('已经是首页了!', 'danger', 1000);
					return;
				} else {
					lightyear.loading('hide');
					indexPage.text(parseInt(indexPage.text()) - 1);
					flushData();//刷新数据
				}
			});

			//点击下一页按钮的单击事件
			$("#next").click(function() {
				lightyear.loading('show');
				//判断是否为尾页
				if (indexPage.text() + 1 > total.text()) {
					lightyear.loading('hide');
					lightyear.notify('已经是尾页了!', 'danger', 1000);
					return;
				} else {
					lightyear.loading('hide');
					indexPage.text(parseInt(indexPage.text()) + 1);
					flushData();//刷新数据
				}
			});

			//跳转点击事件
			$("#tz").click(function() {
				lightyear.loading('show');
				//获取输入框的值
				var p = $("#number").val();
				//判断输入值是否符合
				if (p < 1 || p > parseInt(total.text())) {
					lightyear.loading('hide');
					lightyear.notify('输入错误,请重新输入!', 'danger', 1000);
					return;
				} else {
					lightyear.loading('hide');
					indexPage.text(p);
					flushData();//刷新数据
				}
			});

			//删除指定用户
			function del(lname){
				if(confirm('确认要删除吗?')){
					lightyear.loading('show');
					$.getJSON("delUser",
							{"lname":lname},
							function(data){
								if(data.msg=="success"){ //删除成功
									lightyear.loading('hide');
									lightyear.notify('删除成功~', 'success', 1000);
									//刷新最新的数据
									flushData();
									return;
								}else if(data.msg=="fail"){ //权限不足
									lightyear.loading('hide');
									lightyear.notify('权限不足,无法删除超级管理员!', 'danger', 1000);
									//刷新最新的数据
									flushData();
									return;
								}else{ //删除失败
									lightyear.loading('hide');
									lightyear.notify('删除失败!', 'danger', 1000);
									//刷新最新的数据
									flushData();
								}
							});
				};
			};
			
			//删除多个用户
			$("#delAll").click(function() {
				//判断是否有复选框被选中,只留下选中的元素
				var checkedBox = $("input:checkbox[name=ids]:checked");
				if (checkedBox.length < 1) {
					lightyear.notify('请选择一个要删除的用户!', 'warning', 1000);
				} else {
					var lns = new Array();
					$("input:checkbox[name=ids]:checked").each(function () {
						lns.push($(this).val());
					});
					if(confirm('确认要删除吗?')){
						lightyear.loading('show');
						$.getJSON("delUsers",
								{"lns":JSON.stringify(lns)},
								function(data){
									if(data.msg=="success"){ //删除成功
										lightyear.loading('hide');
										lightyear.notify('删除成功~', 'success', 1000);
										flushData(); //刷新数据
										return;
									}else if(data.msg=="fail"){ //删除失败
										lightyear.loading('hide');
										lightyear.notify('权限不足,无法删除超级管理员!', 'danger', 1000);
										flushData(); //刷新数据
										return;
									}else{
										lightyear.loading('hide');
										lightyear.notify('您选中的用户包含有超级管理员,除此之外的用户均已删除!', 'warning', 1000);
										flushData(); //刷新数据
									}
								});
					}; 
				}
			});

			//启用多个用户
			$("#enable").click(function() {
				//判断是否有复选框被选中,只留下选中的元素
				var checkedBox = $("input:checkbox[name=ids]:checked");
				if (checkedBox.length < 1) {
					lightyear.notify('请选择一个要启用的用户!', 'warning', 1000);
				} else {
					var lns = new Array();
					$("input:checkbox[name=ids]:checked").each(function () {
						lns.push($(this).val());
					});
					if(confirm('确认要启用吗?')){
						lightyear.loading('show');
						$.getJSON("enableUsers",
								{"lns":JSON.stringify(lns)},
								function(data){
									if(data.msg=="success"){ //启用成功
										lightyear.loading('hide');
										lightyear.notify('启用成功~', 'success', 1000);
										flushData(); //刷新数据
										return;
									}else if(data.msg=="fail"){ //权限不足
										lightyear.loading('hide');
										lightyear.notify('权限不足,无法启用超级管理员账号!', 'danger', 1000);
										flushData(); //刷新数据
										return;
									}else if(data.msg=="repeat"){ //重复启用
										lightyear.loading('hide');
										lightyear.notify('请勿重复启用!', 'danger', 1000);
										flushData(); //刷新数据
										return;
									}else if(data.msg=="sf"){ //部分成功,但存在权限不足
										lightyear.loading('hide');
										lightyear.notify('您选中的用户含有超级管理员,其他均已启用!', 'warning', 1000);
										flushData(); //刷新数据
										return;
									}else if(data.msg=="sr"){ //部分成功,但存在重复启用
										lightyear.loading('hide');
										lightyear.notify('您选中的用户含有启用状态的用户,其他均已启用!', 'warning', 1000);
										flushData(); //刷新数据
										return;
									}else if(data.msg=="fr"){ //存在权限不足和重复启用
										lightyear.loading('hide');
										lightyear.notify('您选中的用户含有启用状态的用户和超级管理员!', 'danger', 1000);
										flushData(); //刷新数据
										return;
									}else{ //部分成功,但存在权限不足和重复启用
										lightyear.loading('hide');
										lightyear.notify('您选中的用户包含有超级管理员和启用状态的用户,其他均已启用!', 'warning', 1000);
										flushData(); //刷新数据
									}
								});
					}; 
				}
			});
			
			//禁用多个用户
			$("#disable").click(function() {
				//判断是否有复选框被选中,只留下选中的元素
				var checkedBox = $("input:checkbox[name=ids]:checked");
				if (checkedBox.length < 1) {
					lightyear.notify('请选择一个要禁用的用户!', 'danger', 1000);
				} else {
					var lns = new Array();
					$("input:checkbox[name=ids]:checked").each(function () {
						lns.push($(this).val());
					});
					if(confirm('确认要禁用吗?')){
						lightyear.loading('show');
						$.getJSON("disableUsers",
								{"lns":JSON.stringify(lns)},
								function(data){
									if(data.msg=="success"){ //禁用成功
										lightyear.loading('hide');
										lightyear.notify('禁用成功~', 'success', 1000);
										flushData(); //刷新数据
										return;
									}else if(data.msg=="fail"){ //权限不足
										lightyear.loading('hide');
										lightyear.notify('权限不足,无法禁用超级管理员!', 'danger', 1000);
										flushData(); //刷新数据
										return;
									}else if(data.msg=="repeat"){ //重复禁用
										lightyear.loading('hide');
										lightyear.notify('请勿重复禁用!', 'danger', 1000);
										flushData(); //刷新数据
										return;
									}else if(data.msg=="sf"){ //部分成功,但存在权限不足
										lightyear.loading('hide');
										lightyear.notify('您选中的用户含有超级管理员,其他均已禁用!', 'warning', 1000);
										flushData(); //刷新数据
										return;
									}else if(data.msg=="sr"){ //部分成功,但存在重复禁用
										lightyear.loading('hide');
										lightyear.notify('您选中的用户含有禁用状态的用户,其他均已禁用!', 'warning', 1000);
										flushData(); //刷新数据
										return;
									}else if(data.msg=="fr"){ //存在权限不足和重复禁用
										lightyear.loading('hide');
										lightyear.notify('您选中的用户含有禁用状态的用户和超级管理员!', 'danger', 1000);
										flushData(); //刷新数据
										return;
									}else{ //部分成功,但存在权限不足和重复禁用
										lightyear.loading('hide');
										lightyear.notify('您选中的用户含有超级管理员和启用状态的用户,其他均已禁用!', 'warning', 1000);
										flushData(); //刷新数据
									}
								});
					}; 
				}
			});
			
			//添加用户模态框
			$("#add").click(function() { 
				var lname = $("#lname").val();
				var uname = $("#username").val();
				var pwd = $("#password").val();
				var phone = $("#phone").val();
				add(lname,uname,pwd,phone);
				//清空填写的数据
				$("#lname").val("");
				$("#username").val("");
				$("#password").val("");
				$("#phone").val("");
				$('#closemodel').click(); //关闭模态框
				return;
			});
			
			//添加用户
			function add(lname,uname,pwd,phone){
					lightyear.loading('show');
					$.getJSON("addUser",
							{"lname":lname,"uname":uname,"pwd":pwd,"phone":phone},
							function(data){
								if(data.msg=="success"){ //添加成功
									lightyear.loading('hide');
									lightyear.notify('添加成功~', 'success', 1000);
									//刷新最新的数据
									flushData();
									return;
								}else if(data.msg=="fail"){ //存在空数据
									lightyear.loading('hide');
									lightyear.notify('请勿输入空数据!', 'danger', 1000);
									//刷新最新的数据
									flushData();
									return;
								}else if(data.msg=="rl"){ //账号重复
									lightyear.loading('hide');
									lightyear.notify('账号重名!', 'danger', 1000);
									//刷新最新的数据
									flushData();
									return;
								}else if(data.msg=="rp"){ //手机号重复
									lightyear.loading('hide');
									lightyear.notify('请勿使用同一手机号!', 'danger', 1000);
									//刷新最新的数据
									flushData();
									return;
								}else if(data.msg=="rlp"){ //账号和手机号都重复
									lightyear.loading('hide');
									lightyear.notify('请勿使用相同数据!', 'danger', 1000);
									//刷新最新的数据
									flushData();
									return;
								};
							});
			};
			
			//修改指定用户模态框
			function modifyUser(lname,uname,pwd,phone,status){
					//将旧数据写入输入框
					$("#mlname").attr( "placeholder" , lname);
					if(uname == '超级管理员'){ //如果用户名为超级管理员则不可修改
						$("#musername").val(uname);
						$("#musername").attr( "readonly" , "readonly");
					}else{ //防止bug
						$("#musername").val("");
						$("#musername").removeAttr( "readonly");
						$("#musername").attr( "placeholder" , uname);
					}
					$("#mpassword").attr( "placeholder" , pwd);
					$("#mphone").attr( "placeholder" , phone);
					$("#mstatus").val(status);
					$("#l-name").val(lname);
			};
			
			//修改按钮点击事件
			$("#modify").click(function() { 
				var lname = $("#l-name").val();
				var mlname = $("#mlname").val();
				var muname = $("#musername").val();
				var mpwd = $("#mpassword").val();
				var mphone = $("#mphone").val();
				var mstatus = $("#mstatus").val();
				modify(lname,mlname,muname,mpwd,mphone,mstatus); //修改
				//清空填写的数据
				var mlname = $("#mlname").val("");
				var muname = $("#musername").val("");
				var mpwd = $("#mpassword").val("");
				var mphone = $("#mphone").val("");
				var mstatus = $("#mstatus").val("");
				$('#closeme').click(); //关闭模态框
				return;
				});
			
			//修改指定用户
			function modify(oldlname,newlname,uname,pwd,phone,status){
					lightyear.loading('show');
					$.getJSON("modifyUser",
							{"oldlname":oldlname,"newlname":newlname,"uname":uname,"pwd":pwd,"phone":phone,"status":status},
							function(data){
								if(data.msg=="success"){ //修改成功
									lightyear.loading('hide');
									lightyear.notify('修改成功~', 'success', 1000);
									//刷新最新的数据
									flushData();
									return;
								}else if(data.msg=="fail"){ //存在空数据
									lightyear.loading('hide');
									lightyear.notify('请勿输入空数据!', 'danger', 1000);
									//刷新最新的数据
									flushData();
									return;
								}else if(data.msg=="rl"){ //账号重复
									lightyear.loading('hide');
									lightyear.notify('账号重名!', 'danger', 1000);
									//刷新最新的数据
									flushData();
									return;
								}else if(data.msg=="rp"){ //手机号重复
									lightyear.loading('hide');
									lightyear.notify('请勿使用同一手机!', 'danger', 1000);
									//刷新最新的数据
									flushData();
									return;
								}else if(data.msg=="rlp"){ //账号和手机号都重复
									lightyear.loading('hide');
									lightyear.notify('请勿使用相同数据!', 'danger', 1000);
									//刷新最新的数据
									flushData();
									return;
								};
							});
			};
			
			//搜索点击事件
			$("#search").on("click", function() {
				lightyear.loading('show');
				//重置当前页的显示
				indexPage.text(1);
				flushData();
				lightyear.loading('hide');
				//清空搜索输入的数据
				usn.val("");
				sta.val(0);
			});
			
			//刷新最新数据的
			function flushData() {
				$.ajax({
							url : "getUsers?pageNo="
									+ (indexPage.text() ? indexPage.text() : 1) + "&uname=" + usn.val() + "&status=" + sta.val(), //提交到服务器地址
							type : "post", //提交方式
							dataType : "json", //表示服务器端返回的数据一定要是json数据
							success : function(data) { //成功之后自动执行的回调函数
								if (data.msg == "success") { //说明是成功的
									//把旧数据清空
									$tb.html("");
									$.each(data.list,
													function(index, user) {
														$tb.append('<tr><td><label class="lyear-checkbox checkbox-primary"><input type="checkbox" name="ids" value=" ' + user.uloginName + '"><span></span></label></td><td>'
																		+ user.uloginName
																		+ '</td><td>'
																		+ user.uPWD
																		+ '</td><td>'
																		+ user.uName
																		+ '</td><td class="class' + index + '"></td><td> '
																		+ user.uPhone
																		+ '</td><td>'
																		+ user.uCreateTime
																		+ '</td><td><div class="btn-group"><a class="btn btn-xs btn-default" title="修改" data-toggle="modal" data-target="#modifyuser" onclick="modifyUser(\'' + user.uloginName + '\'\, \'' + user.uName + '\'\, \'' + user.uPWD + '\'\, \'' + user.uPhone + '\'\, \'' + user.uStatus + '\')"><i class="mdi mdi-pencil"></i></a><a class="btn btn-xs btn-default" onclick="del(\'' + user.uloginName + '\')" title="删除" data-toggle="tooltip"><i class="mdi mdi-window-close"></i></a></div></td></tr>');
														var szt = user.uStatus; //获取用户账号状态码用于调整样式
														var $font = $(".class"
																+ index); //区分每条数据的样式,防止样式错乱
														if (szt == '2') { //分别赋予样式
															$font
																	.html('<font class="text-danger">禁用</font>');
														} else if (szt == '1') {
															$font
																	.html('<font class="text-success">启用</font>');
														}
														$ud.show(); //将页面按钮显示出来
														var ph = data.ph; //获取页面辅助类对象
														//进行赋值
														indexPage
																.text(ph.pageIndex);
														total
																.text(ph.totalPageSum);
														sum
																.text(ph.totalRecordSum);
													});
								};
								//如果查询的数据为空,清空之前的全部数据,并且隐藏所有翻页按钮,判断是否搜索到数据
								if(data.list == ''){ 
									//清空数据
									$tb.html("");
									//清空页数显示
									indexPage.text("");
									total.text("");
									sum.text("");
									$ud.hide(); //隐藏按钮
									lightyear.notify('未搜索到您需要的数据!', 'danger', 1000);
								}
							},
							error : function() { //出错时会自动执行的回调函数
								lightyear.notify('数据查询出现异常!', 'danger', 1000);
							}
						});
			};
	</script>
</body>
</html>
